/*
	Huntington Learning Center
	Filename:		hlc.css
	Scope:			Global and Main Site styles
	Media Type		screen
	Created:		02/01/08	Phil Thomas (pthomas)
	Last Modified:	02/13/08	Phil Thomas (pthomas)
	Comments:
	
		Stylesheet to allow site content to be prepared. 
		Covers basic layout and text styles for each layer.

		1.  Content Text and Image Styles
		2.  General Layout Styles
		3.  Specific Page Layout Styles

		1.  Text styles:
			#primary_content p				default style for copy
			#primary_content a				default style for links
			#primary_content a.bold			links that are also headings
			#primary_content a.smallbold	small bold style for links
			#primary_content ul				unordered list style
			#primary_content ul li			unordered list item style
			h1								a head
			h2								b head
			.bigquote						associated content - pullquote style
			.bigquote_attribution			associated content - pullquote attribution style
			hr								sections break for primary content
			.smalltext 						primary content - supplemental content style
			#career p						career section of LCN careers page - default text style
			#career a						career section of LCN careers page - default link style		
			#associated_content a			associated content area - link style
			#associated_content h1			associated content area - header style

		2.  General Layout Styles	
			Overall layout layers:
				- body
				- #wrapper
				- .clear					bug fix for way margins and floats are handled
			Global navigation layers:
				- #header
				- #logo
				- #call_to_action
			Primary navigation layers:
				- #primary_navigation
			Header layers:
				- #content_header
				- #breadcrumbs
				- #page_heading
			Content layers:
				- #content_wrapper
				- #primary_content
				- #tout1
				- #tout2
			Associated navigation layers:
				- #MAIN_associated_content
				- #MAIN_associated_content_padded
				- #MAIN_associated_content_high
			Footer layers:
				- #footer
				- #copyright
				- #global_navigation
				- #disclaimer
			
		3.  Specific Page Layout Styles
			Home page
				- #MAIN_flash_header
				- #MAIN_home_content_wrapper
				- #home_assoc_content
				- #huntington_adv_bucket
					* #huntington_adv_bucket a
					* #huntington_adv_bucket p
				- .HA_bucket_wrapper
				- .HA_bucket_bottom
			Locations Page
				- .location_wrapper
				- .location
					* .location img
				- .location_title
				- .radius
*/

/*  1.  Content Text and Image Styles  */

.sifr embed, {
	display:none;
}

#page_heading { 
    font-size:15px;
	font-weight:bold;
	height:auto;
	width:auto;
	display:inline;
	padding:auto;
}


#primary_content p {
	line-height:19px;
	padding-top:0px;
	margin-top:0px;
}

#primary_content a {
	color:#074463;
}

#primary_content a.bold {
	color:#074463;
	font-weight:bold
}

#primary_content a.smallbold {
	color:#074463;
	font-size:11px;
	font-weight:bold;
}

#primary_content ul {
	position:relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size: 11px;
	list-style-type:none;
	padding:10px;
	padding-top:0px;
	margin:10px;
	margin-top:0px;
	/* width:200px; */
}

#primary_content ul li {
	background-image:url(../images/list_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:15px;
	line-height:15px;
}

/*
#primary_content .list_wrapper_1 ul, #primary_content .list_wrapper_1 ul li, 
#primary_content .list_wrapper_2 ul, #primary_content .list_wrapper_2 ul li,
#primary_content .lists_wrap ul, #primary_content .lists_wrap ul li 
*/

#primary_content .lists_wrap ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size: 11px;
	/*
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
	width:220px;
	*/
}

#primary_content .lists_wrap_sitemap ul {
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	list-style-image:none;
	list-style-position:inside;
}

#primary_content .lists_wrap_sitemap ul li {
	line-height:17px;
	padding-bottom:2px;
	/*
	padding-right:0px;
	padding-left:5px;
	margin-left:5px;
	width:220px;
	*/
}

#primary_content .lists_wrap_sitemap ul li ul li,
#primary_content .lists_wrap_sitemap ul li ul  {
	/*
	width:200px;
	padding-left:10px;
	margin-left:10px;
	*/
}

#primary_content .lists_wrap_sitemap ul li ul li ul li,
#primary_content .lists_wrap_sitemap ul li ul li ul {
	/*
	width:200px;
	padding-left:20px;
	margin-left:20px;
	*/
}

#primary_content .lists_wrap_sitemap a,
#primary_content .lists_wrap a {
	line-height:17px;
}


ul.sitemap li {
	line-height:17px;
}


.lists_wrap {
	position:relative;
	float:left;
	width:520px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

.lists_wrap_sitemap {
	position:relative;
	float:left;
	width:620px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}


.list_wrapper_1 {
	position:relative;
	float:left;
	width:220px;
	padding:0px;
	margin:0px;
}

.list_wrapper_2 {
	position:relative;
	float:left;
	width:250px;
	padding:0px;
	margin:0px;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:17px;
	color:#555555;
	padding-top:18px;
	margin-top:0px;
	padding-bottom:10px;
	margin-bottom:0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:14px;
	color:#444444;
	padding-top:3px;
	margin-top:0px;
	padding-bottom:3px;
	margin-bottom:0px;
}

.bigquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:30px;
	color:#074463;
	line-height:40px;
}

.bigquote_attribution {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#555555;
	font-size: 14px;
	line-height:25px;
	clear:both;
}

hr {
	border: 0;
	width: 100%;
	color: #d2be84;
	background-color: #d2be84;
	height: 1px;
	margin-top:20px;
	margin-bottom:20px;
}

.smalltext {
	font-size:11px;
	line-height:17px;
}

#associated_content a {
	color:#074463;
}

#associated_content h1 {
	padding-top:10px;
	padding-bottom:0px;
}

/*	2.  General Layout Styles   */
html{
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-color: #ffffff;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size: 13px;
	height:100%;
}

#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:906px;
	padding:0px;
	text-align:left;
}

#header {
	position:relative;
	width:906px;
	height:106px;
	padding:0px;
}

#logo {
	position:relative;
	float:left;
	width:443px;
	padding-right:20px;
}

#call_to_action {
	display:none;
}

#primary_navigation {
	display:none;
}

#content_header {
	position:relative;
	width:906px;
	height:80px;
	padding:0px;
	background-image:url(../images/LCN_back.jpg);
	background-position:top left;
	background-repeat:no-repeat
}

#breadcrumbs {
	position:relative;
	float:left;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#d2be84;
	width:886px;
	height:20px;
}

#breadcrumbs a {
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

#page_heading {
	position:relative; 
	width:auto;
	height:auto;
	padding:10px 0;   
}

#content_wrapper {
	position:relative;
	width:866px;
	padding:20px;
	background-color:#ffffff;
	/* border-bottom:1px solid #d2be84; */
}

#primary_content {
	position:relative;
	float:left;
	width:520px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size: 13px;
	padding-right:10px;
}

#tout1 {
	position:relative;
	float:left;
	width:423px;
	height:117px;
	padding-left:20px;
	padding-top:0px;
	background-color:#FFFFFF;
}

#tout2 {
	position:relative;
	float:left;
	width:423px;
	height:117px;
	padding-left:20px;
	padding-top:0px;
	background-color:#FFFFFF;
}

#MAIN_associated_content {
	display:none;
}

#MAIN_associated_content_padded {
	display:none;
}

#MAIN_associated_content_high {
	display:none;
}

#footer {
 	position:relative;
	width:906px;
	min-height:80px;
	margin-top:20px;
	padding:0px;
	padding-top:4px;
	padding-bottom:10px;
	background-color:#ffffff;
	border-top:1px solid #d2be84;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#959595;
	text-align:left;
}

#copyright {
	position:relative;
	float:left;
	width:433px;
	padding-left:20px;
}

#global_navigation {
	position:relative;
	float:left;
	text-align:right;
	width:433px;
	padding-right:20px;
}

#global_navigation a {
	padding-left:15px;
	color:#959595;
	text-decoration:none;
}

#global_navigation a:hover {
	text-decoration:underline;
}

#disclaimer {
	position:relative;
	float:left;
	width:866px;
	padding:20px;
}

.clear {
       clear: both;
       height: 1px;
       font-size: 1px;
       line-height: 1px;
       margin-bottom: -1px;
}

/*  3.  Specific Page Layout Styles */
#MAIN_flash_header {
	position:relative;
	width:906px;
	height:auto;
	padding:0px;
	background-color:#06551f;
	background-position:center;
	background-repeat:no-repeat;
}

#MAIN_home_content_wrapper {
	position:relative;
	width:866px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:0px;
	background-color:#ffffff;
	/* border-bottom:1px solid #d2be84; */
}

#home_assoc_content {
	position:relative;
	float:left;
	width:459px;
	height:auto;
	margin-left:52px;
}

#huntington_adv_bucket {
	float:left;
	width:305px;
	height:171px;
	background-image:url(../images/MAIN_advantage_header_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	line-height:17px;
	padding-left:20px;
	padding-right:20px;
	padding-top:34px;
	padding-bottom:0px;
	overflow:hidden;
}

#huntington_adv_bucket a {
 	color:#074463;
	line-height:11px;
}

#huntington_adv_bucket p {
	padding:0px;
	padding-bottom:15px;
	margin:0px;
}

.HA_bucket_wrapper {
	position:relative;
	float:left;
	width:355px;
	height:225px;
	padding-bottom:0px;
	margin:0px;
}

.HA_bucket_bottom {
	position:relative;
	float:left;
	width:345px;
	height:20px;
	background-image:url(../images/MAIN_bucket_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.location_wrapper {
	position:relative;
	float:left;
	width:860px;
	border-bottom:1px solid #d2be84;
	margin:20px;
	top:-80px;	
}

.location {
	position:relative;
	float:left;
	width:82px;
	min-height:82px;
	height:auto;
	background-color:#fff;
	padding-left:0px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0px;
}

.location img {
}

.location_title {
	position:relative;
	float:left;
	width:333px;
	height:auto;
	background-color:#fff;
	padding:0px;
	padding-top:20px;
	padding-bottom:10px;
	margin:0px;
}

.location_address {
	padding-top:4px;
	position:relative;
	float:left;
	width:145px;
	font-size:11px;
	line-height:17px;

}

.radius {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#555555;
}

.resource_header {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	color:#000000;
}

.PR_link, .PR_link a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	line-height:27px;
	color:#074463;
}

.careers_bottom {
	position:relative;
	float:left;
	top:80px;

}

.locations_bottom {
	position:relative;
	float:left;
	top:-80px;
}

/* Photo gallery */

#viewing_space {
	position:relative;
	float:left;
	height:240px;
	width:309px;
	border:solid 0px black;
}


#viewing_space2 {
	position:relative;
	float:left;
	height:240px;
	width:309px;
	border:solid 0px black;
}


#viewing_space_filter 
{
	position:relative;
	float:left;
	height:240px;
	width:309px;
	z-index:10;
	border:solid 0px blue;
}

#thumb_bucket {
	position:relative;
	float:left;
	height:auto;
	width:309px;
	background-color:#FFFFFF;
	padding-top:6px;
}

#thumb_bucket2 {
	position:relative;
	float:left;
	height:auto;
	width:309px;
	background-color:#FFFFFF;
	padding-top:6px;
}

.thumb_wrapper {
	position:relative;
	float:left;
	height:64px;
	width:64px;
	margin:5px;
	margin-left:6px;
}

#success_stories {
	padding-left:20px;

}

#success_stories p {
	font-size:11px;
	line-height:17px;
}

#success_stories #title {
	font-size:13px;
}